

$(function () {
    /* 初始化插件 */
    $("#slider").slidebox({
        boxh: 400,//盒子的高度
        w: 1000,//图片的宽度
        h: 400,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12,//控制按钮宽度
        controlsH: 12,//控制按钮高度
        radius: 6//控制按钮圆角度数
    });
    /* 图书2号轮播 */
    $(".slider").slidebox({
        boxh: 218,//盒子的高度
        w: 326,//图片的宽度
        h: 218,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 20,//控制按钮宽度
        controlsH: 2,//控制按钮高度
        radius: 2//控制按钮圆角度数
    });
    $(".ebookul li").on("mouseover", function () {
        /* 移入添加 */
        //$(this).
        /*  console.log(1, 2, 3); */

        $(this).addClass("on").siblings().removeClass("on")
        /* 2个盒子一样 获取索引  */
        let index = $(this).index()
        /* 索引让盒子出现隐藏 */
        $(".book-ul").eq(index).addClass("acti").siblings().removeClass("acti")
    })
    /* 手风琴 */
    $(".ebook-right li").on("mouseover", function () {
        /* 移入进来让div出现 */
        $(this).find("div").show()
        /* 移入进来让h4消失 */
        $(this).find("h4").hide()
        /* 排他 让其他div隐藏 */
        $(this).siblings("li").find("div").hide()
        /* 移入进来让h4出现 */
        $(this).siblings("li").find("h4").show()
    })
    /* 服装轮播 */
    $(".thirdlunbo").slidebox({
        boxh: 340,//盒子的高度
        w: 424,//图片的宽度
        h: 338,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 20,//控制按钮宽度
        controlsH: 2,//控制按钮高度
        radius: 2//控制按钮圆角度数
    });
    /* 服装选项卡 */
    $(".left-title li").on("mouseover", function () {
        /* 移入添加 */
        //$(this).
        /*  console.log(1, 2, 3); */

        $(this).addClass("onsecond").siblings().removeClass("onsecond")
        /* 2个盒子一样 获取索引  */
        let index = $(this).index()
        /* 索引让盒子出现隐藏 */
        $(".poster-carousel").eq(index).addClass("alunbochuxian").siblings().removeClass("alunbochuxian")
        $(".clothul  li").eq(index).addClass("clothingrightonbl").siblings().removeClass("clothingrightonbl")
    })

    //户外运动选项卡 
    /* $(".titleul li").on("mouseover", function () {
        /* 移入添加 */
    //$(this).
    //console.log(1, 2, 3); 

    // $(this).addClass("onsecon").siblings().removeClass("onsecon")
    /* 2个盒子一样 获取索引  */
    // let index = $(this).index()
    //索引让盒子出现隐藏 * /
    // $(".poster-carousel").eq(index).addClass("alunbochuxian").siblings().removeClass("alunbochuxian")
    //$(".clothull  li").eq(index).addClass("clothingrightonbll").siblings().removeClass("clothingrightonbll")
    //}); */

    //童装选项卡
    $(".tongzhaung li ").on("mouseover", function () {
        /* 移入添加 */
        // $(this)
        console.log(1, 2, 3);
        $(this).addClass("onsecon").siblings().removeClass("onsecon")
        let index = $(this).index()
        $(".poster-carousel").eq(index).addClass("alunbochuxian").siblings().removeClass("alunbochuxian")
        $(".abcdd  li").eq(index).addClass("rightttt").siblings().removeClass("rightttt")
    })


    /* 推广商品js小圆点和奶嘴 */
    $(".promotion-title p").on("mouseover", function () {
        $(this).addClass("recomend-titleyuancolor").siblings().removeClass("recomend-titleyuancolor")
    })
    /* 奶嘴 */
    $(".promotion-li").on("mouseover", function () {
        $(this).addClass("promotion-color").siblings().removeClass("promotion-color")
    })



})
/* 户外运动 */
$(function () {
    $(".titleulll li ").on("mouseover", function () {
        /* 移入添加 */
        // $(this)
        // console.log(1, 2, 3);
        $(this).addClass("onsecon").siblings().removeClass("onsecon")
        let index = $(this).index()
        $(".poster-carousel").eq(index).addClass("alunbochuxian").siblings().removeClass("alunbochuxian")
        $(".cloth li").eq(index).addClass("rightonbll").siblings().removeClass("rightonbll")
    })

})

/* 回到顶部事件 */
$(function () {
    /* scroll对元素滚动的次数进行计数： */
    $(window).scroll(function () {
        let arr = $(this).scrollTop()
        /* 滚动距离超过800就出现 */
        if (arr >= 800) {
            $("#returntop").css("display", "block")
        } else {
            $("#returntop").css("display", "none")
        }
        //console.log(arr);
    })



    $("#returntop").on("click", function () {
        /* 让回到顶部显示以及隐藏 */


        /* 点击当滚轴距离小于等于0就回到顶部 */
        let timer = setInterval(function () {
            /* document.documentElement.scrollTop获取滚轴距离 */
            if (document.documentElement.scrollTop <= 0) {
                clearInterval(timer);
                return;
            }
            /* 滚轴每次向上执行的距离 */
            document.documentElement.scrollTop -= 100;
        }, 50)
    })

    /* 楼层滚动效果 */
    /*on({})复合属性,里面可以写多个事件  */
    $(".floor li").on({
        "mouseover": function () {
            /* 获取当前li的自定义属性floor-bgc 
            自定义名字必须*/
            //自定义名字必须有- floor-bgc复合才能生效 let floorbgc = $(this).floor("bgc")
            /* 方法2 */
            let floorbgc = $(this).attr("floorbgc")
            //let floorbgc = $(this).floor("bgc")
            $(this).css({
                backgroundColor: floorbgc,
                backgroundPositionX: -40,
                /* 宽度增加让超出溢出隐藏部分的盒子出现 */
                width: 80
            })


        },
        "mouseout": function () {
            $(this).css({
                backgroundColor: "",
                width: 40,
                backgroundPositionX: 0,
            })
        },
        /* 滚动楼层切换位置效果 */
        "click": function () {
            // alert(0)
            /* let index = $(this).index()
            if (index == 5) */

            /* 获取当前li的索引 */
            let index = $(this).index();
            /* 寻找每一个floorbooks的位置 一共5个*/
            /* 获取当前li对应的盒子距离文档顶部的偏移 */
            let sTop = $(".floorboo").eq(index).offset().top
            // console.log(sTop);
            //进行运动   设置浏览器滚动距离
            //$(window).scrollTop(sTop)和$("html,body一样").animate自定义动画一样
            //animate( {scrollTop: sTop}, 300 )  运动到sTop 运动时间300
            $("html,body").animate({ scrollTop: sTop }, 300)

        }
    })

    /* 固定顶部搜索框 fixtop*/
    $(window).on("scroll", function () {
        let sllop = $("html,body").scrollTop()
        /* 滚轴 到一定距离就出现 */
        if (sllop >= 1000) {
            /* 显示和displsy:block一样 */
            $(".fixtop").show()
            /* 追加到搜素框里 */
            $(".head-search").appendTo(".fixtop")
        } else {
            /* 隐藏 */
            $(".fixtop").hide()
            /* 追加回到原来的位置 */
            $(".head-search").appendTo(".head-searchh")
        }
        //console.log(sllop);
    })



})



